
<template>
  <div>
    <!-- v-text 相当于 innerText -->
    <div v-text="msg"></div>
    <!-- 将来 v-html 使用更广泛, 因为 v-text 在一定程度上可以被插值表达式替代 -->
    <div>{{ msg }}</div>
    <!-- v-html 相当于 innerHTML -->
    <div v-html="msg"></div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      msg: '<h1>你好世界</h1>',
    }
  }
}
</script>

<style>

</style>